<template>
  <div class="w-screen h-screen flex items-center justify-center">
    <div class="mr-10">
      <div class="text-5xl text-slate-400">404</div>
      <div class="text-xl text-slate-400 mt-2">地址输入错误，请重新输入地址~</div>
      <button class="rounded-full py-2 px-4 text-white mt-2 bg-[#06b6d4]" @click="onGoHome">回到首页</button>
    </div>
    <div>
      <img src="https://i.hd-r.cn/1a0d90a6c1e8b0184c7299dda713effd.png" />
    </div>

  </div>
</template>

<script setup lang="ts" name="notFound">
import { useRouter } from 'vue-router';

const router = useRouter();

// 返回首页
const onGoHome = () => {
	router.push('/');
};
</script>

<style scoped lang="scss">
</style>
